﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="picture.aspx.cs" Inherits="Face.Web.Pic_and_article.picture" %>

<!DOCTYPE html>
<html lang="en">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <title>Post 90s Museum - Remember your memory. </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <style type="text/css">
        body
        {
            padding-bottom: 40px;
        }
        p
        {
            margin-top: 1px;
            margin-bottom: 1px;
        }
    </style>
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />
</head>
<body>
    <form id="form1" runat="server">
    <%--这是顶上的导航栏--%>
    <div class="row">
        <div class="span12">
            <div class="row">
                <div class="span3 offset1">
                    <p>
                        <a href="../index.aspx">
                            <img src="/img/logo.png" alt="GatherContent logo" /></a></p>
                </div>
                                <div class="span2 pull-right">
                    &nbsp
                    <div class="span3">
                        <div class="row">
                            <div class="span1">
                                <a href="/index.aspx" class=""><span style="color: Gray; font-size: small">主页</span></a>
                            </div>
                            <%if (Session["user"] == null)
                              {%>
                            <div class="span1">
                                <a href="/login_and_signup/signup.aspx">现在就注册</a>
                            </div>
                            <div class="span1">
                                <a href="/login_and_signup/login.aspx" class="btn btn-inverse btn-mini">登录</a>
                            </div>
                            <%
                                }
                              else
                              {%>
                            <div class="btn-group">
                                <a class="btn btn-mini dropdown-toggle ajax-dropdown-toggle" data-toggle="dropdown"
                                    href="#"><span>
                                        <%=Session["user"].ToString()%></span> <span class="caret"></span></a>
                                <ul class="dropdown-menu pull-right">
                                    <li>
                                        <asp:LinkButton ID="LinkButton1" CssClass="item" runat="server" OnClick="btn_logout">Logout</asp:LinkButton></li>
                                </ul>
                            </div>
                            <%} %>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <div class="row">
                    <div class="span10 offset1">
                        <ul class="nav">
                            <li class="active"><a href="/Pic_and_article/picture.aspx"><i class="icon-camera icon-white section-icon">
                            </i>图片</a> </li>
                            <li class=""><a href="/Pic_and_article/articalList.aspx" class="overview"><i class="icon-pencil icon-white section-icon">
                            </i>文章</a> </li>
                            <li class=""><a href="/VideoPage/VideoHome.aspx"><i class="icon-folder-open icon-white section-icon">
                            </i>视频</a> </li>
                            <% 
                                if(Session["user"]!=null) 
                                {
                            %>
                            <li class=""><a href="../Message/MessageReceive.aspx"><i class="icon-edit icon-white section-icon">
                            </i>消息管理</a> </li>
                            <li class=""><a href="../VideoPage/MyVideoAlbumsManage.aspx"><i class="icon-play-circle icon-white section-icon">
                            </i>我的视频发布</a> </li>
                            <li class=""><a href="/xwbemo1/UserInfoCheck.aspx"><i class="icon-edit icon-white section-icon">
                            </i>我的用户信息</a> </li>
                            
                            <%
                                }
                            %>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--/这是顶上的导航栏--%>
    <div class="container">
        <div class="row">
            <div class="span4">
                <a href="#pic1" class="thumbnail" data-toggle="modal">
                    <img src="../img/micropic1.png" alt="">
                    <div class="caption">
                        <p>
                            几岁的时候拥有了一个人形娃娃，然后开始母爱泛滥，总抱着她，喂它吃饭，哄她睡觉。</p>
                    </div>
                </a>
            </div>
            <div class="span4">
                <a href="#pic2" class="thumbnail" data-toggle="modal">
                    <img src="../img/micropic2.png" alt="" />
                    <div class="caption">
                        <p>
                            我也曾拥有过一台小霸王游戏机！整天想着怎么让超级玛丽把公主救出来，在老妈钥匙插进钥匙孔之前，还要打开风扇赶紧把电视机给吹凉了然后溜到书桌旁。</p>
                    </div>
                </a>
            </div>
            <div class="span4">
                <div class="thumbnail">
                    <img src="../img/micropic3.png" width="300" height="200" alt="">
                    <div class="caption">
                        <p>
                            我还记得放学路上我们几个小伙伴比赛谁能将大大泡泡糖吹出最大的泡泡，现在这玩意儿还有卖吗？</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="span4">
                <div class="thumbnail">
                    <img src="../img/micropic4.png" alt="">
                    <p>
                        跳房子、丢沙包、跳皮筋、红灯绿灯停。。。好多好多的游戏，好大好大的欢笑声。伙伴们，什么时候我们再出来闹一场？</p>
                </div>
            </div>
            <div class="span4">
                <div class="thumbnail">
                    <img src="../img/micropic5.png" alt="">
                    <p>
                        两个朋友买一支，掰开来一人一半。</p>
                </div>
            </div>
            <div class="span4">
                <div class="thumbnail">
                    <img src="../img/micropic6.png" alt="">
                    <p>
                        Snoopy是我最喜欢的动画片！还记得妈妈给我买了一盒Snoopy的拼图，爱不释手，但是还是没拼完全，这将是我心中永恒的记忆。</p>
                </div>
            </div>
            <div id="pic1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×</button>
                    <h3 id="myModalLabel">
                    </h3>
                </div>
                <div class="modal-body">
                    <p>
                        <img class="img-rounded" src="../img/pic1.jpg" alt="" /></p>
                </div>
            </div>
            <div id="pic2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        ×</button>
                    <h3 id="H2">
                    </h3>
                </div>
                <div class="modal-body">
                    <p>
                        <img class="img-rounded" src="../img/pic2.jpeg" alt="" /></p>
                </div>
            </div>
        </div>
        <footer>
                <p>&copy; Company 2013</p>
            </footer>
    </div>
    <!-- /container -->
    </form>
    <script src="../js/jquery-2.0.0.min.js" type="text/javascript"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>
